<%@ include file="/common/taglibs.jsp"%>

<title><fmt:message key="signup.title" /></title>
<content tag="heading">
<fmt:message key="signup.heading" />
</content>
<body id="signup" />

<html:form action="/signup" styleId="userForm"
	onsubmit="return validateUserForm(this)">
	<ul>
		<li class="info"><fmt:message key="signup.message" /></li>
		<li><appfuse:label styleClass="desc" key="userForm.username" />
		 <html:errors
			property="username" /> <html:text styleClass="text large"
			property="username" styleId="username" /></li>
		<li>
		<div>
		<div class="left"><appfuse:label styleClass="desc"
			key="userForm.password" /> <html:errors property="password" /> <html:password
			styleClass="text medium" property="password" styleId="password"
			redisplay="true" /></div>
		<div><appfuse:label styleClass="desc" key="userForm.confirmPassword" />
		<html:errors property="confirmPassword" /> <html:password
			styleClass="text medium" property="confirmPassword"
			styleId="confirmPassword" redisplay="true" /></div>
		</div>
		</li>
		<li><appfuse:label styleClass="desc" key="userForm.passwordHint" /> <html:errors
			property="passwordHint" /> <html:text styleClass="text large"
			property="passwordHint" styleId="passwordHint" /></li>
		<li>
		<div>
		<div class="left"><appfuse:label styleClass="desc"
			key="userForm.firstName" /> <html:errors property="firstName" /> <html:text
			styleClass="text medium" property="firstName" styleId="firstName"
			maxlength="50" /></div>
		<div><appfuse:label styleClass="desc" key="userForm.lastName" /> <html:errors
			property="lastName" /> <html:text styleClass="text medium"
			property="lastName" styleId="lastName" maxlength="50" /></div>
		</div>
		</li>
		<li>
		<div>
		<div class="left"><appfuse:label styleClass="desc"
			key="userForm.email" /> <html:errors property="email" /> <html:text
			styleClass="text medium" property="email" styleId="email" /></div>
		<div><appfuse:label styleClass="desc" key="userForm.phoneNumber" /> <html:errors
			property="phoneNumber" /> <html:text styleClass="text medium"
			property="phoneNumber" styleId="phoneNumber" /></div>
		</div>
		</li>
		<li><appfuse:label styleClass="desc" key="userForm.website" /> <html:errors
			property="website" /> <html:text styleClass="text large"
			property="website" styleId="website" /></li>
		<li class="buttonBar bottom"><html:submit styleClass="button"
			onclick="bCancel=false">
			<fmt:message key="button.register" />
		</html:submit> <html:cancel styleClass="button" onclick="bCancel=true">
			<fmt:message key="button.cancel" />
		</html:cancel></li>
	</ul>
</html:form>

<script type="text/javascript">
    Form.focusFirstElement($('userForm'));
</script>
<html:javascript formName="userForm" cdata="false"
	dynamicJavascript="true" staticJavascript="false" />
<script type="text/javascript"
	src="<c:url value="/scripts/validator.jsp"/>"></script>